HTML Audio

ওয়েব পেজে শব্দ ফাইল বাজানো

HTML Audio

HTML <audio>উপাদান একটি ওয়েব পৃষ্ঠায় একটি শব্দ ফাইল চালানোর জন্য ব্যবহার করা হয়.

শব্দ উপাদান:

HTML এ একটি সাউন্ড ফাইল চালাতে,<audio>উপাদান নিয়ন্ত্রণের সাথে ব্যবহার করা হয়। এটি ব্যবহারকারীদের খেলা, বিরতি এবং ভলিউমের মতো নিয়ন্ত্রণ প্রদান করে।

HTML <audio>অঙ্গ

HTML এ একটি সাউন্ড ফাইল চালাতে,<audio>উপাদান ব্যবহার করুন:

উদাহরণ

<অডিও নিয়ন্ত্রণ> <উৎস src="horse.ogg" type="audio/ogg"> <উৎস src="horse.mp3" type="audio/mpeg"> আপনার ব্রাউজার শব্দ উপাদান সমর্থন করে না. </অডিও>

HTML সাউন্ড - এটি কিভাবে কাজ করে

controlsঅ্যাট্রিবিউট কন্ট্রোল, পজ এবং ভলিউমের মতো শব্দ নিয়ন্ত্রণ যোগ করে।

<source>উপাদান ব্রাউজার আপনাকে বিকল্প শব্দ ফাইলগুলি নির্দিষ্ট করতে দেয় যা নির্বাচন করা যেতে পারে। ব্রাউজারটি প্রথম স্বীকৃত ফরম্যাট ব্যবহার করবে।

<audio>এবং</audio>ট্যাগের মধ্যে পাঠ্য<audio>শুধুমাত্র এমন ব্রাউজারগুলিতে প্রদর্শিত হয় যা উপাদানটিকে সমর্থন করে না।

HTML <audio>স্বয়ংক্রিয় আন্দোলন

স্বয়ংক্রিয়ভাবে অডিও ফাইল শুরু করতে,autoplayবৈশিষ্ট্য ব্যবহার করুন:

উদাহরণ

<অডিও নিয়ন্ত্রণ অটোপ্লে> <উৎস src="horse.ogg" type="audio/ogg"> <উৎস src="horse.mp3" type="audio/mpeg"> আপনার ব্রাউজার শব্দ উপাদান সমর্থন করে না. </অডিও>

দ্রষ্টব্য:

Chromium ব্রাউজারগুলি বেশিরভাগ ক্ষেত্রে স্বয়ংক্রিয় সক্রিয়করণের অনুমতি দেয় না। যাইহোক, অক্ষম স্বয়ংক্রিয় অপারেশন সবসময় অনুমোদিত.

আপনার সাউন্ড ফাইল স্বয়ংক্রিয়ভাবে প্লে করুন (কিন্তু অক্ষম)।autoplayপরেmutedযোগ করুন:

উদাহরণ

<অডিও নিয়ন্ত্রণ অটোপ্লে নিঃশব্দ> <উৎস src="horse.ogg" type="audio/ogg"> <উৎস src="horse.mp3" type="audio/mpeg"> আপনার ব্রাউজার শব্দ উপাদান সমর্থন করে না. </অডিও>

ব্রাউজার সমর্থন

টেবিলের সংখ্যা<audio>উপাদানটিকে সম্পূর্ণরূপে সমর্থন করার জন্য প্রথম ব্রাউজার সংস্করণটিকে চিহ্নিত করে৷

অঙ্গ Chrome Edge Firefox Safari Opera
<audio> 4.0 9.0 3.5 4.0 10.5

এইচটিএমএল অডিও ফরম্যাট

তিনটি সমর্থিত অডিও ফরম্যাট রয়েছে: MP3, WAV, এবং OGG। বিভিন্ন ফরম্যাটের জন্য ব্রাউজার সমর্থন:

ব্রাউজার MP3 WAV OGG
Chrome YES YES YES
Edge YES YES* YES*
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

দ্রষ্টব্য:

*এজ 79 এর পর

HTML অডিও - মিডিয়া প্রকার

ফাইল বিন্যাস মিডিয়া টাইপ
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

HTML সাউন্ড - পদ্ধতি, বৈশিষ্ট্য এবং ঘটনা

HTML DOM <audio>উপাদানের জন্য পদ্ধতি, বৈশিষ্ট্য এবং ঘটনা সংজ্ঞায়িত করে।

এটি আপনাকে শব্দগুলি লোড করতে, প্লে করতে এবং বিরতি দেওয়ার পাশাপাশি সময়কাল এবং ভলিউম সেট করতে দেয়৷

এছাড়াও DOM ইভেন্ট রয়েছে যেগুলি আপনাকে বিজ্ঞপ্তি দিতে পারে যখন একটি শব্দ বাজানো শুরু হয়, বিরতি দেওয়া হয়, ইত্যাদি।

জাভাস্ক্রিপ্ট কোড উদাহরণ:

// শব্দ উপাদান পান var অডিও = document.getElementById("demoAudio"); // শব্দ বাজান ফাংশন playAudio() { audio.play(); } // শব্দ থামান ফাংশন পজঅডিও() { audio.pause(); } // ভলিউম বাড়ান ফাংশন ভলিউম আপ() { if(audio.volume <1.0) { audio.volume += 0.1; } } // ভলিউম কমিয়ে দিন ফাংশন ভলিউম ডাউন() { যদি (audio.volume > 0.0) { audio.volume -= 0.1; } } // রিজিউম সাউন্ড ফাংশন রিস্টার্ট অডিও() { audio.currentTime = 0; audio.play(); }

সম্পূর্ণ DOM রেফারেন্স:

সম্পূর্ণ HTML অডিও/ভিডিও DOM স্পেসিফিকেশনের জন্য jassif টিমের ওয়েবসাইটে যান।

এইচটিএমএল অডিও ট্যাগ

ট্যাগ ব্যাখ্যা
<audio> অডিও বিষয়বস্তু সংজ্ঞায়িত করে
<source> <video>এবং<audio>মিডিয়া উপাদানগুলির জন্য একাধিক মিডিয়া সংস্থান সংজ্ঞায়িত করে যেমন

অনুশীলন করুন

নিচের কোন HTML কোড সঠিক শব্দ উপাদান প্রদর্শন করে?

<audio controls>
  <source src="music.mp3" type="audio/mpeg">
  <source src="music.ogg" type="audio/ogg">
</audio>
✓ ঠিক আছে! এই কোডটি সঠিক নিয়ন্ত্রণ সহ শব্দ উপাদান দেখায়
<audio>
  <src="music.mp3">
</audio>
✗ ভুল! <src> একটি বৈধ HTML ট্যাগ নয়। <source> ব্যবহার করা উচিত
<sound controls>
  <source src="music.mp3">
</sound>
✗ ভুল! <sound> একটি বৈধ HTML ট্যাগ নয়। <audio> ব্যবহার করা উচিত